<template >
	<section>
		<!--顶部工具条-->
		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
			<el-form :inline="true" >
				<el-form-item>
					<el-input  placeholder="名称"></el-input>
				</el-form-item>
				<el-form-item>
					<el-button type="primary" v-on:click="">查询</el-button>
				</el-form-item>
				<el-form-item>
					<el-button type="primary" v-on:click="">新增</el-button>
				</el-form-item>
			</el-form>
		</el-col>

		<!--列表 -->
		<el-table :data="users" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 60%;">
			<el-table-column type="selection" width="50">
			</el-table-column>
			<el-table-column type="index" width="60"></el-table-column>
			<el-table-column prop="name" label="名称" width="220" sortable>
			</el-table-column>
			<el-table-column prop="parent" label="上级分类" width="220" sortable>
			</el-table-column>
			<el-table-column label="操作" width="350">
				<template scope="scope">
					<el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
					<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>
				</template>
			</el-table-column>
		</el-table>
	</section>

</template>
<script>
</script>
<style scoped>

</style>